import daisyui from "daisyui";

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{ html,js,vue }"], //index.html看情况
  plugins: [daisyui],//plugins:[require('daisyui')]
  darkMode: 'selector', //深浅模式配置，使用该配置时是基于可控模式，如果将darkMode选项注释掉，则为基于设备模式(自动跟随设备深浅模式变换，不建议)
  //TailwindCSS主题
  theme: {
    screens: {
      '2xs': '375px',
      'xs': '500px',
      'sm': '640px',
      'md': '808px',
      'lg': '1024px',
      'xl': '1280px',
      '2xl': '1550px',
      '3xl': '1920px'
    },
    fontSize: {
      '1': '0.7rem',
      '2': '0.8rem',
      '3': '0.9rem',
      '4': '1rem',
      
      '5xs': '0.5rem',
      '4xs': '0.55rem',
      '3xs': '0.6rem',
      '2xs': '0.7rem',
      'xs': '0.75rem',
      sm: '0.8rem',
      md: '0.85rem',
      base: '0.90rem',
      lg: '0.95rem',
      xl: '1rem',
      '2xl': '1.125rem',
      '3xl': '1.25rem',
      '4xl': '1.5rem',
      '5xl': '1.75rem',
      '6xl': '2rem'
    },
    extend: {
      colors: {},
    },
  },
  // daisyUI配置
  daisyui: {
    themes: [
      { //自定义主题
        mytheme_light: { //主题名
          "primary": "#05a8ff",
          "primary-content": "#ffffff",
          "secondary": "#a1f490",
          "secondary-content": "#080808",
          "accent": "#f5f5f5",
          "accent-content": "#05aeff",
          "neutral": "#05aeff",
          "neutral-content": "#ffffff",
          
          "base-100": "#ffffff", //网页默认底色
          
          "info": "#0683ff",
          "success": "#0bcc45",
          "warning": "#ff9a00",
          "error": "#ff4444",
        }
      },
      { //自定义主题
        mytheme_dark: { //主题名
          "primary": "#05aeff",
          "primary-content": "#ffffff",
          "secondary": "#a1f490",
          "secondary-content": "#080808",
          "accent": "#555",
          "accent-content": "#eeefec",
          "neutral": "#1e1f22",
          "neutral-content": '#fafafa',
          
          "base-100": "#121212",
          
          "info": "#05aefc",
          "info-content": "#f5f1e8",
          "success": "#3ed274",
          "success-content": "#2b2d30",
          "warning": "#ff9a00",
          "error": "#ff4444",
        }
      },
    ],
    logs: false
  }
}
